<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>管家</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link href="css/guanjia.css" tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/css/style.css"
          rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-3.2.1.js"
            tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/js/jquery.min.js"></script>
    <script type="text/javascript" src="js/nav.js"
            tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/js/nav.js"></script>
    <script type="text/javascript" src="js/tab.js"
            tppabs="http://www.17sucai.com/preview/1268063/2018-10-25/termini/js/tab.js"></script>
    <script type="text/javascript" src="js/slider.js"
            tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/js/slider.js"></script>
</head>
<body>
<section class="aui-flexView" id="navHead">
    <section class="aui-scrollView">
        <div class="aui-head-bg">
            <div class="aui-center">
                <span class="aui-center-title">洛阳</span>
            </div>
            <div class=" aui-flex aui-head-title">
                <div>
                    <em class="aui-head-degrees">0°</em>
                </div>
                <div>
                    <em class="aui-head-info">多云 </em>
                </div>
                <div>
                    <em class="aui-head-ambient">优</em>
                </div>
            </div>
            <div class="aui-resume-white">
                <div class="aui-palace b-line">
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="images/icon-item-001.png"
                                 tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-001.png"
                                 alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>公积金查询</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="images/icon-item-002.png"
                                 tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-002.png"
                                 alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>生活缴费</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="images/icon-item-003.png"
                                 tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-003.png"
                                 alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>我的小区</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="images/icon-item-004.png"
                                 tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-004.png"
                                 alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>都市出行</h2>
                        </div>
                    </a>
                </div>
                <div class="aui-flex aui-flex-clear">
                    <div class="aui-flex-box">
                        <em>通知</em>
                        没有新的通知

                    </div>
                    <div class="aui-flex-fr-aro"></div>
                </div>
            </div>
        </div>
        <div class="aui-head-tl-box">
            <div class="aui-flex b-line">
                <div class="aui-flex-box">
                    <h2>本地精选</h2>
                </div>
            </div>
        </div>
        <div class="aui-ad-box">
            <img src="images/ad-001.png"
                 tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/ad-001.png" alt="">
        </div>
        <div class="divHeight"></div>
        <div class="aui-flex b-line">
            <div class="aui-flex-box">
                <h2>服务分类</h2>
            </div>
        </div>
        <div class="aui-list-box">
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-001.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-001.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>公积金</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-005.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-005.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>交通出行</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-006.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-006.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>政务</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-007.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-007.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>车主</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-009.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-009.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>医疗</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-002.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-002.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>生活缴费</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
            <a href="javascript:;" class="aui-flex">
                <div class="aui-flex-icon-img">
                    <img src="images/icon-item-010.png"
                         tppabs="http://www.17sucai.com/preview/1268063/2018-09-13/city/images/icon-item-010.png"
                         alt="">
                </div>
                <div class="aui-flex-box">
                    <h4>更多服务</h4>
                    <p>个人信息 | 明细查询</p>
                </div>
            </a>
        </div>

    </section>

    <footer class="aui-footer">
        <a href="index" class="aui-tabBar-item">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-home"></i>
                    </span>
            <span class="aui-tabBar-item-text">首页</span>
        </a>
        <a href="javascript:;" class="aui-tabBar-item">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-find"></i>
                    </span>
            <span class="aui-tabBar-item-text">行程</span>
        </a>
        <a href="gj" class="aui-tabBar-item aui-tabBar-item-active">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-car"></i>
                    </span>
            <span class="aui-tabBar-item-text">管家</span>
        </a>
        <a href="user" class="aui-tabBar-item">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-me"></i>
                    </span>
            <span class="aui-tabBar-item-text">我的</span>
        </a>
    </footer>
</section>

<script type="text/javascript">
    $(document).ready(function () {
        var navHeight = $("#navHead").offset().top;
        var navFix = $("#nav-wrap");
        $(window).scroll(function () {
            if ($(this).scrollTop() > navHeight) {
                navFix.addClass("aui-flex");
            } else {
                navFix.removeClass("aui-flex");
            }
        })
    });

    $(document).ready(function () {
        $(".btn-slide").click(function () {
            $("#show").slideToggle();
        });
    });

    $(function () {
        $(".line").slideUp();
    })
</script>
</body>
</html>
